<template>
	<view class="page">
		<Navbar :title="title"></Navbar>
		<view>
			<u-cell-group>
				<u-cell-item title="标题" :value="detailData.Title" :arrow="false" border-top="false"></u-cell-item>
				<u-cell-item title="服务地址" :value="detailData.Addr" :arrow="false"></u-cell-item>
				<u-cell-item title="联系电话" :value="detailData.Tel" :arrow="false"></u-cell-item>
				<u-cell-item title="联系老师" :value="detailData.Teacher" :arrow="false"></u-cell-item>
				<u-cell-item title="上岗时间" :value="detailData.WorkTime" :arrow="false"></u-cell-item>
				<u-cell-item title="假期" :value="detailData.Holiday" :arrow="false"></u-cell-item>
				<u-cell-item title="工资" :value="detailData.Salary" :arrow="false"></u-cell-item>
				<u-cell-item title="内容介绍" :arrow="false" :border-bottom="false"></u-cell-item>
				<view style="color: #909399;font-size: 26rpx;line-height: 46rpx;padding: 0 3%;"> {{detailData.Content}} </view>
			</u-cell-group>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 1,
				title: '详情',
				detailData: ''
			};
		},
		onLoad(e) {
			this.id = e.id;
			this.$u.api.GetOrderById({
				id: this.id
			}).then(res => {
				this.detailData = res.data;
			});
		},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	.page {
		padding: 20rpx;
		background-color: #fff;
	}
</style>